﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>TripLoa - C'e' soltanto un problema</title>
    
    <style type="text/css" >
        body
        {
            background-color: Gray;   
        }
        
        #eeCounter
        {
            width: 320px;
            height: 170px;
            
            margin-left: auto;
            margin-right: auto;
            
            position: relative;
            
            background: transparent url(./eeCounterBckg.png) no-repeat 0 0;
        }

        #eeCounterDisplay
        {
            width: 282px;
            height: 35px;
            
            position: absolute;
            bottom: 20px;
            left: 19px;
            
            color: #A8FE00;
	        font: 18px Verdana, Arial, Sans-Serif;
	        font-weight: bold;
	        line-height: 35px;
	        text-align: center;
            
            background: transparent url(./eeCounterDisplay.png) no-repeat 0 0;
        }

    </style>
    
    <script type="text/javascript">
    
    var numberOfProblems = (new Date()).getTime();
    
    function tick()
    {
        numberOfProblems++;
        document.getElementById("eeCounterDisplay").innerHTML = numberOfProblems;
    }
    
    window.onload = function(){
        window.setInterval(tick, 1500);
    };
    
    </script>
    
</head>
<body>
    <div id="eeCounter">
        <div id="eeCounterDisplay"></div>
    </div>
</body>
</html>
